<!--
 * @Author: your name
 * @Date: 2021-11-01 15:58:05
 * @LastEditTime: 2022-01-18 19:02:38
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \star-cat-h5\src\App.vue
-->
<template>
  <div id="app">
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view>
  </div>
</template>
<style>
html {
  background-color: #fff;
}
body {
  height: 100vh;
  background-color: #f8f8f8;
  max-width: 768px;
  box-sizing: border-box;
  margin: 0 auto !important;
}
.van-overlay {
  background-color: transparent !important;
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  body {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-right: env(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
}
.bottom-box_shadow {
  box-shadow: 0px 8px 12px #000;
  max-width: 768px;
  margin: auto;
}
</style>

